<%--
  Created by IntelliJ IDEA.
  User: Titi
  Date: 2020/10/4
  Time: 19:27
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/index.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link href="../css/style.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/index.css">
    <link href="../css/test.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../css/foot.css" />
    <link rel="stylesheet" href="../css/serch.css">
    <link href="../css/index01.css" rel="stylesheet">
    <link href="../css/loading.css" rel="stylesheet" type="text/css">
    <style>
        html {
            font-family: 微软雅黑, serif;
            color: #333333;
        }

        a {
            color: #1D8CE0;
            cursor: pointer;
        }

        * {
            margin: 0px;
            padding: 0px;
        }
    </style>
    <script>
        function login(){
            if (document.getElementById("login").style.display==="none") {
                document.getElementById("login").style.display="block";
            }else {
                document.getElementById("login").style.display="none";
            }
        }
    </script>
</head>
<body>


<%--导航条--%>
<%@include file="../common/nav.jsp"%>

<div style="clear: both"></div>
<div class="divb">
    <div id="box">
        <dl>
            <dt>语言：</dt>
            <dd>Java</dd>
            <dd>Web</dd>
            <dd>Python</dd>
            <dd>Mysql</dd>
            <dd>C/C++</dd>
        </dl>
        <dl>
            <dt>时间：</dt>
            <dd>30分钟以下</dd>
            <dd>30-60分钟</dd>
            <dd>60-120分钟</dd>
            <dd>120分钟以上</dd>
        </dl>
        <dl>
            <dt>难度：</dt>
            <dd>一星</dd>
            <dd>二星</dd>
            <dd>三星</dd>
            <dd>四星</dd>
            <dd>五星</dd>
        </dl>
        <dl style="border: none">
            <dt>排序：</dt>
            <dd>近期热门</dd>
            <dd>错误最多</dd>
            <dd>最新上线</dd>
        </dl>
        <dl class="select" style="border-bottom-width: 0px;">
            <dt>已选条件：</dt>

        </dl>
    </div>


</div>

<div class="content" style="margin-left: 17% ;width: 80%">
    <div style="margin-top: 30px;margin-left: 0px">
        <table border="0" class="table2" style="width: 83% " >
            <tr>
                <c:forEach  begin="0" end="9" items="${sessionScope.list}" var="i" varStatus="li" >

                    <td style="width: 25%">
                        <div class="partcard" style="width: 100%">
                            <div style="width: 100%;height: 17px;">
                              <span class="cardone">
                                  难度:${i.parperDiff} &nbsp;&nbsp;
                              </span>
                                <span class="time"><img src="img/时间.png"/>&nbsp;&nbsp;120min</span>
                            </div>

                            <div style="width: 100%;height: 17px; float: left ;margin-top: -8px  ">
                              <span class="cardone" >
                                  语言：${i.parperLanguage}&nbsp;&nbsp;
                              </span>
                            </div>

                            <div style="font-size: 28px;width:100%;text-align: center;height: 40px;margin-top: 50px;">
                                 ${i.parperName}
                            </div>
                            <div style="width: 100%;align-content: center;margin-top: 20px">
                                <button style="border: 1px solid #20A0FF;border-radius: 6px;color: #20A0FF;background: white;padding: 5px 39px 5px 39px;font-size: 14px">
                                    <a href="#"  onclick="bank('${sessionScope.list}')">去做题</a>
                                </button>
                            </div>
                        </div>
                    </td>
                    <c:if test="${(li.index+1)%4==0}">
                    </tr>
                    <tr>
                    </c:if>
                </c:forEach>
                    </tr>
        </table>
    </div>
</div>





<div style="clear: both"></div>



<div class="site-footer" style="padding-top: 50px;background:#a3a3a3;margin-top: 50px;">
    <div class="footer-links w1100">
        <p>关于我们：</p>
        <div class="clearfix">
            <!-- 友情链接循环开始 -->

            <a href="#">公司简介</a>

            <a href="#">服务市场</a>

            <a href="#">客户案例</a>

            <a href="#">代理合作</a>

            <a href="#">投诉建议</a>

            <a href="#">站点地图</a>

            <!-- 友情链接循环结束 -->
        </div>
        <p>友情链接：</p>
        <div class="clearfix">
            <!-- 友情链接循环开始 -->

            <a href="#">站点列表</a>

            <a href="#">云商城</a>

            <a href="#">云产品库</a>

            <a href="#">收银狗</a>

            <a href="#">神码收银</a>

            <a href="#">云物流</a>

            <a href="#">云ERP</a>

            <a href="#">生鲜电商</a>

            <a href="#">农村电商</a>

            <a href="#">母婴电商</a>

            <a href="#">电商学院</a>

            <a href="#">shop</a>

            <a href="#">云电脑</a>

            <a href="#">106短信平台</a>

            <a href="#">网站收录</a>

            <a href="#">分类目录</a>

            <!-- 友情链接循环结束 -->
        </div>
    </div>
    <div class="footer-info w1100">
        <div class="info-text w1100" style="color: black">
            <p class="copyright">
                悦知版权所有 <em></em>
                <a href="#" >浙ICP备C00000001号</a>
            </p>
            <p class="company-info">江苏苏州天天科</p>
            <p class="qualified">

            </p>
        </div>
    </div>
</div>
<script src="<%=request.getContextPath()%>/js/serch.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery.min.js" ></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/bootstrap.min.js" ></script>
<script src="<%=request.getContextPath()%>/js/questionware.js"></script>
</body>
</html>
